﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="wlpxyy.aspx.cs" Inherits="EmProductCenter.pxjd.wlpxyy" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>网络培训预约</title>
    <script src="../js/jquery-1.4.1.min.js" type="text/javascript"></script>
    <script src="../js/My97DatePicker/WdatePicker.js" type="text/javascript"></script>
    <script src="../js/login.js" type="text/javascript"></script>
    <script src="../js/main.js" type="text/javascript"></script>
    <link href="../css/common.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="../css/pxjd.css" type="text/css" />
</head>
<body>
    <script src="../js/header.js" type="text/javascript"></script>
    <div class="main">
        <div class="cpzx_main_caidan fr">
            <div class="cpzx_main_caidan1">
                <a href="default.aspx">在线视频</a></div>
            <div class="cpzx_main_caidan1">
                <a href="wlpxyy.aspx" class="color_blue">网络培训预约</a></div>
            <div class="cpzx_main_caidan1">
                <a href="xxhc.aspx">线下会场培训预约</a></div>
        </div>
        <div class="clear">
        </div>
        <div class="pt10">
            <div class="cpzx_main_tiaol fl">
            </div>
            <div class="cpzx_main_tiaom fl">
                <div class="fl">
                    <a href="../default.aspx">
                        <img src="../image/cx_home.jpg" width="22" height="27" alt="" /></a></div>
                <div class="cpzx_main_wenzi fl">
                    <a href="default.aspx" class="color_gray2 none">培训基地</a></div>
                <div class="cpzx_jiaoliu_jiantou fl">
                </div>
                <div class="cpzx_main_wenzi fl free_width">
                    <a href="wlpxyy.aspx" class="color_gray2 none">网络培训预约</a></div>
                <div class="cpzx_main_wenzi fr">
                    <a href="http://pay.emoney.cn/shopping0.aspx" target="_blank" class="color_blue none">我要购买</a></div>
                <div class="fr">
                    <img src="../image/cx_icon.jpg" width="38" height="27" alt="" /></div>
            </div>
            <div class="cpzx_main_tiaor fl">
            </div>
        </div>
        <div class="clear">
        </div>
        <!-- 网络培训预约 -->
        <div class="wlpxyy">
            <div class="search_bar">
                <div class="user_menu_list_arrow">
                    <a href="javascript:void(0);" onclick="OPLogout();">
                        <img src="../image/user_menu_arrow_down.gif" /></a>
                </div>
                <div class="login_state" id="userInfo">
                    <%=strLogin %>
                </div>
                <div class="search_control">
                    <div class="search_submit">
                        <a class="search_submit" href="javascript:void(0);" onclick="GetCourseInfo(1);">提交搜索</a></div>
                    <div class="open_pro_btn">
                        <a class="open_pro_btn" href="javascript:void(0);" onclick="OpenSearch();">打开搜索面板</a></div>
                </div>
                <div class="pro_search" id="pro_search">
                    <div class="paramer paramer0">
                        <span class=" white">课程搜索</span>
                    </div>
                    <div class="paramer paramer1">
                        <input type="text" class="keywork" value="关键字查找" id="search_keyWord" />
                    </div>
                    <div class="paramer paramer2">
                        <input type="text" value="课程类别" onclick="ChangeType('search_type');" id="search_type_vale" />
                    </div>
                    <div class="paramer paramer3">
                        <input type="text" value="讲师搜索" onclick="ChangeType('search_teach');" id="search_teach_vale" />
                    </div>
                    <div class="paramer paramer4">
                        <input class="Wdate" type="text" id="search_startDate" value="开始日期" onclick="WdatePicker()"
                            style="width: 80px; height: 20px; line-height: 18px;" /></div>
                    <div class="paramer paramer5">
                        <input class="Wdate" type="text" id="search_endDate" value="结束日期" onclick="WdatePicker()"
                            style="width: 80px; height: 20px; line-height: 18px;" /></div>
                </div>
            </div>
            <div class="table_content">
                <div class="table_title">
                    <div class="dropdownlist dropdownlist1" id="dropdownlistType" style="display: none;
                        left: 320px; height: 90px;">
                        <a href="javascript:void(0);">全部课程</a> <a href="javascript:void(0);">投资课程</a> <a
                            href="javascript:void(0);">操作课程</a> <a href="javascript:void(0);">热门课程</a>
                    </div>
                    <div class="dropdownlist dropdownlist2" id="dropdownlistTeach" style="display: none;
                        left: 420px;">
                        <%=strTeach %>
                    </div>
                    <div class="dropdownlist dropdownlist3" id="search_type" style="display: none; height: 90px;">
                        <a href="javascript:void(0);">全部课程</a> <a href="javascript:void(0);">投资课程</a> <a
                            href="javascript:void(0);">操作课程</a> <a href="javascript:void(0);">热门课程</a>
                    </div>
                    <div class="dropdownlist dropdownlist4" id="search_teach" style="display: none;">
                        <%=strTeach %>
                    </div>
                    <div class="dropdownlist dropdownlist5" id="logout" style="display: none;">
                        <%=strLogout %>
                    </div>
                </div>
                <table width="958" border="0" align="center" cellpadding="0" cellspacing="0">
                    <tr class="table_header">
                        <td class="blue" style='text-align: left; padding-left: 20px;'>
                            <div>
                                <a href="javascript:void(0);" class="btn btn1">课程名称</a></div>
                        </td>
                        <td width="110">
                            <div class="arrow_down btnChange" onclick="ChangeType('dropdownlistType');">
                                <a href="javascript:void(0);" class="btn btn2">课程类别</a></div>
                        </td>
                        <td width="94">
                            <div class="arrow_down btnChange" onclick="ChangeType('dropdownlistTeach');">
                                <a href="javascript:void(0);" class="btn btn3">讲师</a></div>
                        </td>
                        <td width="110">
                            <div>
                                <a href="javascript:void(0);" class="btn btn4">开课时间</a></div>
                        </td>
                        <td width="90" class="blue">
                            <div>
                                <a href="javascript:void(0);" class="btn btn5">课程得分</a></div>
                        </td>
                        <td width="90">
                            <div>
                                <a href="javascript:void(0);" class="btn btn7">课程预约</a></div>
                        </td>
                        <td width="90">
                            <div>
                                <a href="javascript:void(0);" class="btn btn8">我要听课</a></div>
                        </td>
                        <td width="90">
                            <div>
                                <a href="javascript:void(0);" class="btn btn9">下载</a></div>
                        </td>
                    </tr>
                </table>
                <table width="958" border="0" align="center" cellpadding="0" cellspacing="0" id="courseInfo">
                </table>
                <div class="page_control">
                    <div class="btns" id="Pagination">
                        <a href="javascript:void(0);" class="btn txt"><span>首页</span></a> <a href="javascript:void(0);"
                            class="btn num target"><span>1</span></a> <a href="javascript:void(0);" class="btn num">
                                <span>2</span></a> <a href="javascript:void(0);" class="btn num"><span>3</span></a>
                        <a href="javascript:void(0);" class="btn num"><span>4</span></a> <a href="javascript:void(0);"
                            class="btn num some"><span>...</span></a> <a href="javascript:void(0);" class="btn num">
                                <span>8</span></a> <a href="javascript:void(0);" class="btn num"><span>9</span></a>
                        <a href="javascript:void(0);" class="btn num"><span>10</span></a> <a href="javascript:void(0);"
                            class="btn txt"><span>末页</span></a>
                    </div>
                </div>
            </div>
        </div>
        <!-- 网络培训预约 -->
    </div>
    <input type="hidden" id="hid_thispage" />
    <input type='hidden' id='hid_userName' runat="server" />
    <!--弹出层 开始-->
    <!-- 用户登录过程-->
    <!-- 注册 --->
    <div class="login_panel rigster contentDiv" style="position: absolute; z-index: 9001;
        display: none;">
        <div class="panel_title">
            <p>
                欢迎加入益盟操盘手，注册只需15秒！或者<a href="javascript:void(0);" class="blue" onclick="CloseContentDiv(2);">登录</a></p>
            <a href="javascript:void(0);" class="panel_close" onclick="CloseContentDiv();">close</a></div>
        <div class="panel_content">
            <table width="468" border="0" cellspacing="8" cellpadding="0">
                <tr>
                    <td width="110" class="txt_right">
                        Email：
                    </td>
                    <td width="208">
                        <input type="text" id="regLoginName" maxlength="34" />
                    </td>
                    <td>
                        <span class="blue" id="regEmailMsg">请输入有效Email地址</span>
                    </td>
                </tr>
                <tr>
                    <td width="110" class="txt_right">
                        密码：
                    </td>
                    <td width="208">
                        <input type="password" id="regPW" maxlength="16" />
                    </td>
                    <td>
                        <span class="blue" id="regPWMsg">密码请用6-16个字符</span>
                    </td>
                </tr>
                <tr>
                    <td width="110" class="txt_right">
                        确认密码：
                    </td>
                    <td width="208">
                        <input type="password" id="regPWD" maxlength="16" />
                    </td>
                    <td>
                        <span class="red" id="regPWDMsg"></span>
                    </td>
                </tr>
                <tr>
                    <td width="110" class="txt_right">
                        联系方式：
                    </td>
                    <td width="208">
                        <input type="text" id="regMobile" maxlength="16" />
                    </td>
                    <td>
                        &nbsp;
                    </td>
                </tr>
                <tr>
                    <td width="110" class="txt_right">
                        验证码：
                    </td>
                    <td width="208">
                        <input type="text" class="w_113" id="regCheckCode" maxlength="4" />&nbsp;&nbsp;<img
                            class="validate_code" src="../CheckCode.aspx" width="54" height="27" />
                    </td>
                    <td>
                        <span class="red" id="regCheckCodeMsg"></span>
                    </td>
                </tr>
                <tr>
                    <td width="110" class="txt_right">
                        &nbsp;
                    </td>
                    <td width="208">
                        请输入图中的字符
                    </td>
                    <td>
                        &nbsp;
                    </td>
                </tr>
                <tr>
                    <td width="110" class="txt_right">
                        &nbsp;
                    </td>
                    <td width="208">
                        <div class="control submit">
                            <a href="javascript:void(0);" onclick="return SubRegister();">提&nbsp;&nbsp;交</a></div>
                    </td>
                    <td>
                        &nbsp;
                    </td>
                </tr>
            </table>
        </div>
    </div>
    <!-- 注册 end --->
    <!-- 登录 登录名或密码错误！ --->
    <div class="login_panel login contentDiv" style="display: none;">
        <div class="panel_title">
            <a href="javascript:void(0);" class="panel_close" onclick="CloseContentDiv();">close</a></div>
        <div class="panel_content">
            <table width="350" border="0" cellspacing="8" cellpadding="0">
                <tr>
                    <td width="60" class="txt_right">
                    </td>
                    <td width="208">
                        <span class="red" id="loginMsg"></span>
                    </td>
                    <td>
                    </td>
                </tr>
                <tr>
                    <td width="60" class="txt_right">
                        Email：
                    </td>
                    <td width="208">
                        <input type="text" id="loginName" maxlength="50" />
                    </td>
                    <td>
                        <span class="blue"></span>
                    </td>
                </tr>
                <tr>
                    <td width="60" class="txt_right">
                        密码：
                    </td>
                    <td width="208">
                        <input type="password" id="loginPW" maxlength="16" />
                    </td>
                    <td>
                        <span class=""><a href="javascript:void(0);" onclick="ResetPassWord();">忘记密码</a></span>
                    </td>
                </tr>
                <tr>
                    <td width="60" class="txt_right">
                        &nbsp;
                    </td>
                    <td width="208">
                        <div class="control submit">
                            <a href="javascript:void(0);" onclick="return GoLogin();">登&nbsp;&nbsp;录</a></div>
                    </td>
                    <td>
                        &nbsp;
                    </td>
                </tr>
            </table>
        </div>
    </div>
    <!-- 登录 登录名或密码错误！ end --->
    <!-- 登录 忘记密码 该邮箱未注册！立即注册--->
    <div class="login_panel forget_pwd contentDiv" style="display: none;">
        <div class="panel_title">
            <a href="javascript:void(0);" class="panel_close" onclick="CloseContentDiv();">close</a></div>
        <div class="panel_content">
            <table width="350" border="0" cellspacing="8" cellpadding="0">
                <tr>
                    <td width="100" class="txt_right">
                    </td>
                    <td width="208">
                        <span class="red" id="resetMsg"></span>
                    </td>
                    <td>
                    </td>
                </tr>
                <tr>
                    <td width="100" class="txt_right">
                        请输入邮箱地址：
                    </td>
                    <td width="208">
                        <input type="text" id="resetEmail" maxlength="50" />
                    </td>
                    <td>
                        <span class="blue"></span>
                    </td>
                </tr>
                <tr>
                    <td width="100" class="txt_right">
                        &nbsp;
                    </td>
                    <td width="208">
                        <div class="control submit">
                            <a href="javascript:void(0);" onclick="ResetPW();">重设密码</a></div>
                    </td>
                    <td>
                        &nbsp;
                    </td>
                </tr>
            </table>
        </div>
    </div>
    <!-- 登录 忘记密码 该邮箱未注册！立即注册 end --->
    <!-- 登录 信息提示 --->
    <div class="login_panel alert_info contentDiv" style="display: none;">
        <div class="panel_title">
            <a href="javascript:void(0);" class="panel_close" onclick="CloseContentDiv();">close</a></div>
        <div class="panel_content">
            <span class="info_note">信息提示</span>
            <div class="info_main">
                取回密码的方法已通过Email发送到您的信箱中<br />
                请尽快修改您的密码！</div>
        </div>
        <div class="panel_footer">
            <p>
                <span id="sendTime">10</span>秒后页面跳转</p>
        </div>
    </div>
    <!-- 登录 信息提示 end --->
    <!-- 用户登录过程 end-->
    <div id="fullscreem" style="display: none; background-color: #F1F1F1; filter: alpha(opacity=50);
        opacity: 0.5; width: 100%; height: auto; position: absolute; top: 0px; left: 0px;
        z-index: 5;">
    </div>
    <!--弹出层 结束-->
    <script src="../js/footer.js" type="text/javascript"></script>
    <script type="text/javascript">
        $("#cpzx_top .head .menu .caidan a").eq(4).addClass("top_heard_show_menu");
        //打开注销
        function OPLogout() {
            if ($("#logout").text() != "") {
                if ($("#logout").css("display") == "none") {
                    $("#logout").show();
                }
                else {
                    $("#logout").hide();
                }
            }
        }

        //注销
        function Logout() {
            $.ajax({
                type: "POST",
                url: "../Login.aspx",
                dataType: "json",
                data: { action: "Logout" },
                success: function (result) {
                    if (result == "0") {
                        $("#userInfo").html("<a href='javascript:void(0);' onclick='Register();'>注册</a> <a href='javascript:void(0);' onclick='Login();'>登录</a>");
                        $("#hid_userName").val("");
                        $("#logout").html("");
                        $("#logout").hide();
                    }
                }
            });
        }

        //预约
        function Reservation(id) {
            var loginName = $.trim($("#hid_userName").val());
            if (loginName != "") {
                $.ajax({
                    type: "POST",
                    url: "CourseInfo.ashx",
                    dataType: "json",
                    data: { action: "Reservation", loginName: loginName, id: id, isLine: 1 },
                    success: function (result) {
                        if (result == "0")
                            alert("预约成功");
                        else if (result == "-2")
                            alert("您已经预定过了！");
                        else
                            alert("系统忙，请稍候再试！");
                    }
                });
            }
            else {
                CloseContentDiv(2);
            }
        }

        //我要听课
        function GoListen(id) {
            var userName = $.trim($("#hid_userName").val());
            if (userName != "") {
                alert("去听课了");
            }
            else {
                CloseContentDiv(2);
            }
        }
        //清空搜索条件
        function ClearSearch() {
            $("#search_keyWord").val("关键字查找");
            $("#search_type_vale").val("课程类别");
            $("#search_teach_vale").val("讲师搜索");
            $("#search_startDate").val("开始日期");
            $("#search_endDate").val("结束日期");
        }

        //搜索课程信息并分页
        function GetCourseInfo(page) {
            var keyWord = $("#search_keyWord").val();
            var courseType = $("#search_type_vale").val();
            var lecturer = $("#search_teach_vale").val();
            var startDate = $("#search_startDate").val();
            var endDate = $("#search_endDate").val();
            courseType = $.trim(courseType);
            lecturer = $.trim(lecturer);
            var thispage = $("#hid_thispage").val();
            if (page == "p") {
                page = new Number(thispage) - 1;
            }
            if (page == "n") {
                page = new Number(thispage) + 1;
            }
            if (page == "g") {
                page = new Number(thispage) + 10;
            }
            if (page == "b") {
                page = new Number(thispage) - 10;
            }
            $("#hid_thispage").val(page);
            $.ajax({
                type: "POST",
                url: "CourseInfo.ashx",
                dataType: "json",
                data: { action: "GetCourseInfo", endDate: endDate, startDate: startDate, lecturer: lecturer, courseType: courseType, keyWord: keyWord, page: page },
                success: function (result) {
                    $("#courseInfo").html(result[0]);
                    $("#Pagination").html(result[1]);
                    $("#courseInfo tr").mouseover(function () { $(this).addClass("mouseover"); });
                    $("#courseInfo tr").mouseout(function () { $(this).removeClass("mouseover"); });
                }
            });
            $("#pro_search").hide();
        }

        //打开、关闭搜索条件
        function OpenSearch() {
            if ($("#pro_search").css("display") == "none") {
                $("#pro_search").show();
            }
            else {
                $("#pro_search").hide();
            }
        }

        $(document).ready(function () {
            $(".contentDiv").hide();
            $("#hid_thispage").val(1);
            GetCourseInfo(1);
            //课程类型
            $("#dropdownlistType").mouseover(function () {
                $("#dropdownlistType").show();
            });
            $("#dropdownlistType").mouseout(function () {
                $("#dropdownlistType").hide();
            });

            //讲师
            $("#dropdownlistTeach").mouseover(function () {
                $("#dropdownlistTeach").show();
            });
            $("#dropdownlistTeach").mouseout(function () {
                $("#dropdownlistTeach").hide();
            });

            //搜索课程类型
            $("#search_type").mouseover(function () {
                $("#search_type").show();
            });
            $("#search_type").mouseout(function () {
                $("#search_type").hide();
            });

            //搜索讲师
            $("#search_teach").mouseover(function () {
                $("#search_teach").show();
            });
            $("#search_teach").mouseout(function () {
                $("#search_teach").hide();
            });

            //课程类别
            $getDropType = $("#dropdownlistType a");
            $getDropType.click(function () {
                var indexs = $getDropType.index($(this)[0]);
                $("#dropdownlistType").hide();
                ClearSearch();
                $("#search_type_vale").val($getDropType.eq(indexs).text());
                GetCourseInfo(1);
            });

            //讲师
            $getDropTeach = $("#dropdownlistTeach a");
            $getDropTeach.click(function () {
                var indexs = $getDropTeach.index($(this)[0]);
                $("#dropdownlistTeach").hide();
                ClearSearch();
                $("#search_teach_vale").val($getDropTeach.eq(indexs).text());
                GetCourseInfo(1);
            });

            //搜索课程类别
            $search_type = $("#search_type a");
            $search_type.click(function () {
                var indexs = $search_type.index($(this)[0]);
                $("#search_type").hide();
                $("#search_type_vale").val($search_type.eq(indexs).text());
            });

            //搜索讲师
            $search_teach = $("#search_teach a");
            $search_teach.click(function () {
                var indexs = $search_teach.index($(this)[0]);
                $("#search_teach").hide();
                $("#search_teach_vale").val($search_teach.eq(indexs).text());
            });

            //搜索关键字
            $("#search_keyWord").focus(function () {
                var keyword = $("#search_keyWord").val();
                if (keyword == "关键字查找") {
                    $("#search_keyWord").val("");
                }
            });
            //搜索关键字
            $("#search_keyWord").focusout(function () {
                var keyword = $("#search_keyWord").val();
                if (keyword == "") {
                    $("#search_keyWord").val("关键字查找");
                }
            });
        });
    </script>
<script src="../js/tongji.js" type="text/javascript"></script></body>
</html>
